@import "../../mixins/ribbons/ribbon-tr.less";

/* variables */
@padding-max:20px;
@padding-med:10px;
@padding-min:5px;

@margin-max:20px;
@margin-med:10px;
@margin-min:5px;


html, body {
	height:100%;
}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
* { margin:0; padding:0 }

body {
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000;
	line-height:150%;
	padding:@padding-max;
}

h1 {
	font-size:3em;
	
	margin:@margin-med 0;
}

h2 {
	font-size:2.5em;
}

h3 {
	font-size:2em;
}

h4 {
	font-size:1.5em;
}

h5 {
	font-size:1.2em;
}

h6 {
	font-size:1em;
}



pre {
  text-wrap: wrap;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  word-wrap: break-word;
}

.usage, .usage pre { 
	color:#333;
}

/* .ribbon-tr(@width: 200px, @height: 150px, @margin:auto, @padding:auto, @font:1em, @bgcolor: #f00, @color:#fff, @hover:#ccc ) */
.ribbon1 {
	/* .ribbon-tr(auto, 2px, auto, #f00, #fff, #00f, #0FF); */
	
	.ribbon-tr(auto, 2px, auto, #00f, #ccc, #00c, #fff);
	.ribbon-tr();
	font-weight:bold;
	
}

